/* #start slide-picture */
.slide-picture {	
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;	
}
	.slide-picture > .details {
		margin-bottom: 0px;
		padding: 0;
	}
		.slide-picture > ul.details > li {}
			.slide-picture > ul.details > li > .picture {
				height: 450px;
			}
				.slide-picture > ul.details > li > .picture > img {
					width: 100%;
					height: 100%;
					border-top-left-radius: 5px;
					border-top-right-radius: 5px;
					-webkite-border-top-left-radius: 5px;
					-webkit-border-top-right-radius: 5px;
					-moz-border-top-left-radius: 5px;
					-moz-border-top-right-radius: 5px;					
				}
			.slide-picture > .details > li {

			}
				.slide-picture > .details > li > .title {					
					margin: 10px 10px 0 15px;
					font-size: 2em;
					display: inline-block;
				}
				.slide-picture > .details > li > .state {					
					color: #e69422;
					margin-left: 32px;
					display: inline-block;
				}		
					.slide-picture > .details > li > .state:before {	
						content: '';
						height: 10px;
						width: 10px;						
						position: absolute;
						margin: 5px 0 0 -15px;
						background: url('../../image/icon/DangHoanThanh.png') no-repeat center center;
					}
			.slide-picture > .details > li > .address {
				margin: 5px 0 5px 17px;
			}
	.slide-picture > ul.scroll {		
		text-align: center;
	}
		.slide-picture > ul.scroll > .active {
			width: 20px;	
			height: 5px;		
			background: url('../../image/icon/scroll.png') no-repeat top center;
			display: inline-block;
		}
		.slide-picture > ul.scroll > .inactive {
			width: 20px;	
			height: 5px;		
			background: url('../../image/icon/scroll.png') no-repeat bottom;
			display: inline-block;
		}
/* #end slide-picture */

/* #start separator */
.separator {
	height: 20px;
	background: url('../../image/icon/separator.png') no-repeat center center;	
}
/* #end separator */

/* #start project-list */
ul.project-list {

}
	ul.project-list > li {
		margin: 15px 0;
	}
		ul.project-list > li .project-item {
			width: 440px;
			height: 230px;
			border: 1px solid #ccc;
			border-radius: 5px;
			-moz-border-radius: 5px;		
			-webkit-border-radius: 5px;
			margin: 0px auto;
			max-width: 100%;
		}
		ul.project-list > li .project-item:hover {
			border: 1px solid #1c77e0;
			box-shadow: 0 0 5px #4C90DF;
		}
			/* #start details */
			ul.project-list > li .project-item > a {
			}			
				ul.project-list > li .project-item > a > .details {
					height: 85%;
					position: relative;					
				}
					ul.project-list > li .project-item > a > .details > .image {						
						height: 100%;
						width: 50%;		
						float: left;										
					}
						ul.project-list > li .project-item > a > .details > .image > img {
							width: 100%;
							height: 100%;
							border-top-left-radius: 5px;						
							-moz-border-top-left-radius: 5px;		
							-webkit-border-top-left-radius: 5px;
						}
					ul.project-list > li .project-item > a > .details > .content {						
						float: right;
						height: 100%;
						width: calc(50% - 2px);
						position: relative;
						padding: 5px;
					}
						ul.project-list > li .project-item > a > .details > .content > h4 {
							width: 80%;
							color: black;		
							line-height: 20px;					
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;							
						}
						ul.project-list > li .project-item > a > .details > .content > .investor {							
							color: #999;
							font-size: 0.8em;
						}
						ul.project-list > li .project-item > a > .details > .content > .state {							
							color: #e69422;
							padding-left: 16px;
							margin: 10px 0;
						}
							ul.project-list > li .project-item > a > .details > .content > .state:before {	
								content: '';
								height: 10px;
								width: 10px;						
								position: absolute;
								margin: 5px 0 0 -15px;
								background: url('../../image/icon/DangHoanThanh.png') no-repeat center center;
							}
						ul.project-list > li .project-item > a > .details > .content > .properties {							
							color: #999;	
							font-size: 0.8em;													
						}
						ul.project-list > li .project-item > a > .details > .favorite-button {
							display: block;					
							background: url('../../image/icon/icon_highlight.png') no-repeat center bottom;
							width: 20px;
							height: 20px;
							position: absolute;
							top: 10px;
							right: 15px;							
						}
							ul.project-list > li .project-item > a > .details > .favorite-button:hover {
								background: url('../../image/icon/icon_highlight.png') no-repeat center top;
							}
			/* #start details */
			/* #start link */
			ul.project-list > li .project-item > .link {
				border-top: 1px solid #ccc;
				height: calc(15% - 2px);
				padding: 7px;		
				position: relative;		
			}
				ul.project-list > li .project-item > .link > a {
					font-size: 0.9em;
					color: #337ab7;
					margin-left: 5px;
				}
				ul.project-list > li .project-item > .link > a.share-button {
					display: block;
					background: url('../../image/icon/share.png') no-repeat left center;
					width: 14px;
					height: 28px;
					position: absolute;
					top: 2px;
					right: 18px;
				}
					ul.project-list > li .project-item > .link > a.share-button:hover {
						background: url('../../image/icon/share.png') no-repeat right center;
					}
			/* #end link*/
/* #end project-list */